.photogallery{/*CSS for TABLE containing a photo album*/
}

.photogallery img{width:180px; height:160px; /*CSS for images within an album*/
border: 1px solid blue;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 50px;
padding: 2px 2px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 480px) {
  .text {font-size: 11px}

.photogallery{/*CSS for TABLE containing a photo album*/
}

.photogallery img{width:160px; height:140px; /*CSS for images within an album*/
border: 1px solid blue;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 50px;
padding: 2px 2px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}
}

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS */

@media only screen and (max-width: 768px) and (min-width: 481px){
.photogallery{/*CSS for TABLE containing a photo album*/
}

.photogallery img{width:160px; height:140px; /*CSS for images within an album*/
border: 1px solid blue;
}

.photonavlinks{ /*CSS for pagination DIV*/
font: bold 14px Arial;
}

.photonavlinks a{ /*CSS for each navigational link*/
margin-right: 2px;
margin-bottom: 50px;
padding: 2px 2px;
border:1px solid gray;
text-decoration: none;
background-color: white;
}

.photonavlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}


}